<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <div class="up-ui-box">
      <!-- <up-tabs :tabs-name="'tab2'">
        <tabs-item :title="'我的世界'" :name="'0'">
          我的世界1
          <button style="padding: 10px; margin: 2px;" @click="show4 = true">展开popup插槽 下</button>
        </tabs-item>
        <tabs-item :title="'神采飞扬'" :name="'1'">神采飞扬2</tabs-item>
        <tabs-item :title="'一言九鼎'" :name="'2'">一言九鼎3</tabs-item>
        <tabs-item :title="'何足挂齿'" :name="'3'">何足挂齿4</tabs-item>
        <tabs-item :title="'津津有味'" :name="'4'">津津有味5</tabs-item>
        <tabs-item :title="'栩栩如生'" :name="'5'">栩栩如生6</tabs-item>
        <tabs-item :title="'天下无双'" :name="'6'">天下无双7</tabs-item>
      </up-tabs> -->
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import UpTabs from '../components/up-tabs/index.vue'
import TabsItem from '../components/up-tabs/tabs-item.vue'

export default {
  name: 'HomeView',
  components: {
    // HelloWorld,
    // 'up-tabs': UpTabs,
    // 'tabs-item': TabsItem
  }
}
</script>
